/**
 * create by cyw 2020-5-25
 * 顶部导航栏样式
 */
.search-bar{
    width: 100%;
    height: px2rem(40px);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: px2rem(14px);
    .bar-loaction{
        margin-right: px2rem(20px);
        border-radius: px2rem(13px);
        background-color: rgba(0,0,0, 0.33);
        height: px2rem(28px);
        width: px2rem(92px);
        .location-icon{
            display: inline-block;
            width: px2rem(15px);
            height: px2rem(20px);
            vertical-align: px2rem(8px);
            margin-left: px2rem(6px);
            background-image: url('./img/locationIcon.png');
            background-size: cover;
        }
        .loactaion-text {
            position: relative;
            display: inline-block;
            font-size: px2rem(14px);
            color: #fff;
            vertical-align: px2rem(12px);
            margin-left:px2rem(8px) ;
            margin-right: px2rem(19px);
            &:after {
              content: '';
              display: block;
              position: absolute;
              width: px2rem(14px);
              height: px2rem(14px);
              background-image: url('./img/arrowIcon.png');
              background-size: cover;
              top: px2rem(-1px);
              right: px2rem(-15px);
            }
        }
    }
    .search-btn{
        width: px2rem(170px);
        height: px2rem(30px);
        background-color: #fff;
        border-radius: px2rem(20px);
        position: relative;
        &:before{
          content: '';
          display: block;
          width: px2rem(14px);
          height: px2rem(14px);
          background-image: url('./img/searchIcon.png');
         background-size: cover;
         position: absolute;
         top: px2rem(7px);
         left: px2rem(10px);
        }
        .place-holder {
          font-size: px2rem(14px);
          color: #a9a9a9;
          height: 100%;
          line-height: px2rem(30px);
          margin-left: px2rem(28px);
        }
    }
}